<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>用户注册-新蛋中国</title>
    <link rel="stylesheet" href="./css/register.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/footer.css">

    <!-- <link rel="stylesheet" href="//at.alicdn.com/t/font_1375016_njsts5ygo7a.js"> -->
    <script src="./js/libs/jquery-1.12.3.js"></script>
    <script src="./js/libs/jquery.cookie.js"></script>
    <script src="./js/libs/jquery.idcode.js"></script>
    <script src="./js/libs/validate/jquery.validate.js"></script>
    <script src="./js/libs/layer/layer.js"></script>

    <script src="./js/register.js"></script>

</head>

<body>
    <div id="main_box">
        <section id="header" class="header"></section>
        <section class="title">
            <div class="logo">
                <a href="#"><img src="./images/registerPic/logo.jpg" alt=""></a>
                <p class="regTxt"><a href="#">新用户注册</a></p>

            </div>
        </section>
        <section id="main" class="main">

            <div class="main_con">
                <p class="txt"><span>已是新蛋会员 现在<a href="Javascript:void(0)" class="toLogin">登录</a></span></p>
                <div class="step">
                    <div class="step1">
                        <span id="num" class=" num1">1</span><span id="tip" class="tip1">手机验证</span><span id="line"
                            class="line1"></span>
                    </div>
                    <div class="step2">
                        <span id="num" class=" num2">2</span><span id="tip" class="tip2">设置密码</span><span id="line"
                            class="line2"></span>

                    </div>
                    <div class="step3">
                        <span id="num" class=" num2">3</span><span id="tip" class="tip2">完成注册</span>

                    </div>
                </div>
                <form action="">
                    <div class="step1">
                        <p class="tel">
                            <label class="info">手机号码:</label>
                            <input type="text" name="uphone" id="phone">
                            <span class="error"></span>
                        </p>
                        <p class="uCode">
                            <label class="info">图形验证码:</label>
                            <input type="text" name="ucode" id="Txtidcode" class="txtVerification">
                            <span id="idcode"></span><span class="change">看不清楚换一张</span>
                            <span class="errorCode"></span>
                        </p>
                        <p class="messg">
                            <label for="" class="info">短信验证码:</label>
                            <input type="text" id="mscode">
                            <span class="getTip">获取短信验证码</span>
                            <span style="display: none">已发送一条动态验证码短信，请查收</span>
                        </p>
                       
                        <p><div id="btn1" class=" clickBox getmsg">获取短信验证码</div></p>
                        
                        <p><div id="btn2" class="clickBox next">下一步</div></p>

                    </div>

                    <div class="step2">
                        <p class="password">
                            <label for="" class="info">登录密码:</label>
                            <input type="password" name="upwd" id="upwd">
                            <span></span>
                        </p>
                        <p>
                            <label for="" class="info">确认密码:</label>
                            <input type="password" name="upwd2">
                            <span></span>
                        </p>
                        <p><input type="checkbox" name="agree" id="agreeBox">我已阅读同意<a href="Javascript:void(0)"
                                class="agreeTips">《新蛋用户注册协议》</a></p>
                        <p><button id="btn3" class="clickBox reg">注册</button></p>
                    </div>
                    <div class="step3">
                        <div class="txtLeft">
                            <div class="graduat"><span></span>恭喜,您已成功注册中国新蛋网。</div>
                            <p><a>开始购物&gt;</a></p>
                            <p><a>完善个人信息&gt;</a></p>
                            <p><span class="adva">验证邮箱可以帮助您快速找回密码，并可以接受优惠信息，促销活动，降价提醒等消息</span></p>
                            <p>
                                <label for="">绑定邮箱</label>
                                <input type="text" name="uemail">
                                <button class="confirm">确定</button>
                            </p>
                        </div>
                        <div class="qrcodeRight">
                            <div class="topTip">关注并绑定新蛋微信</div>
                            <div class="qrcodeBox">
                                <img src="./images/registerPic/qrCode.jpg" alt="">

                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </section>
        <section id="footer" class="footer"></section>

    </div>
</body>

</html>